<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    let arr = ['赵云', '黄忠', '关羽', '张飞', '马超', '刘备', '曹操']
    // 1.设置一个随机数
    // floor是向下取整  random是取一个包括0但不包括1的随机数
    let i = Math.floor(Math.random() * arr.length)
    // 2.在页面中展示出抽取的数据
    // console.log(i);
    let name = arr[i]
    document.write(name);
    // 3.在数组中删除刚抽取的数据 避免重复抽取
    // splice是删除数组中的元素 i是索引下标 1是删除的数量 
    arr.splice(i, 1)
    console.log(arr);

  </script>
</body>

</html>